<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<jsp:include page="header.jsp"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Arşive Ekle</title>
<script language="JavaScript" type="text/javascript">
function valid(){
	var error = "";
	var type = new String(document.getElementById("type").value);
	if(type == "kitap" && document.getElementById("typeName").value == ""){
		error = error + "Lütfen kitabınız için bir isim giriniz.\n";
	}
	if(type == "film" && document.getElementById("typeName").value == ""){
		error = error + "Lütfen filminiz için bir isim giriniz.\n";
	}
	if(type == "kitap" && document.getElementById("yname").value == ""){
		error = error + "Lütfen kitabınızın yazarını giriniz.";
	}
	if(type == "film" && document.getElementById("yname").value == ""){
		error = error + "Lütfen filminizin yönetmenini giriniz";
	}
	
	if(error!=""){
		alert(error);
		return false;
	}
	else
		return true;
	
}
</script>
</head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<body>
<div class="content">
	<div class="wrapperf">
		<div class="centercol">
			<form name="add" action="items" method="post">
				<h3> Arşivime ekleme </h3>
				<table>
				<tr>
					<c:if test="${invalidAdd==true}">
					<p style="color: red">
						<% if (session.getAttribute("itemType").equals("kitap")){ %>
						<b>Bu kitabı daha önce eklemiştiniz!</b>
						<%} if(session.getAttribute("itemType").equals("film")) {%>
						<b> Bu filmi daha önce eklemiştiniz!</b>
						<%} %>
					</p>
					</c:if>
				</tr>
				<tr><td width="130" class="bold">Katalog türü</td>
					<td width="20" class="bold">:</td>
						<td><select id= "type" name="type" style="width: 150px">
							<option value="kitap">Kitap</option>
							<option value="film">Film</option>
							</select>					
						</td>
				</tr>
				<tr><td width="130" class="bold">Ürün ismi</td>
					<td width="20" class="bold">:</td>
					<td>
					<input width="250" name="typeName" id="typeName" type="text" maxlength="200"/>
					 <!-- <input width="250" name="name" id="name" type="text" value="autocomplete-box" style="font-family: Verdna; font-size: 12px;"/>-->
					</td>
				</tr>
				<tr><td width="130" class="bold">Yazar / Yönetmen</td>
					<td width="20" class="bold">:</td>
					<td><input width="250" name="yname" id="yname" type="text" maxlength="150"></td>
				</tr>
				<tr><td width="130" class="bold">Yorum</td>
					<td width="20" class="bold">:</td>
					<td><textarea name="desc" id="desc" rows="5"></textarea></td>
				<tr>
				<tr>
					<td></td>
					<td></td>
					<td><input class="btn-search" type="submit" name="button" value="Ekle" onclick="return valid();"/></td>
				</tr>
				<tr>
					<input type="hidden" name="action" value="add"/>
				</tr>
				</table>
			</form>
		</div>
	</div>
</div>
</body>
</html>